<template>
  <div>
    <film-swiper>
      <div class="swiper-slide" v-for="(data, index) in imgList" :key="index">
        <div :style=" { background:'url('+ data +') center center/cover border-box border-box no-repeat' } "
          style="height: 200px;"
        ></div>
      </div>
    </film-swiper>
    <film-header style="position:sticky;top:0;z-index:999"></film-header>
    <router-view></router-view>
  </div>
</template>

<script>
import filmHeader from './film/FilmHeader'
import filmSwiper from './film/FilmSwiper'

export default {
  components: {
    filmHeader,
    filmSwiper
  },
  name: '',

  data () {
    return {
      imgList: ['https://static.maizuo.com/pc/v5/usr/movie/365e7ed1cece12034c533ac01d30842c.jpg?x-oss-process=image/quality,Q_70',
        'https://static.maizuo.com/pc/v5/usr/movie/d4dbdadd711260215296e9ef91b61d60.jpg?x-oss-process=image/quality,Q_70',
        'https://static.maizuo.com/pc/v5/usr/movie/4ca39e8bec04aadc337bc09ee25ed838.jpg?x-oss-process=image/quality,Q_70']
    }
  },

  methods: {}
}

</script>
<style scoped lang='less'>
.xiaohuactive{
  color: blueviolet;
}
</style>
